<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人设置</title>
    <link rel="stylesheet" type="text/css" th:href="@{/lib/css/header.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/lib/css/leftMenu.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/user/personal.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/lib/css/base.css}">
    <script th:src="@{/lib/js/jquery.1.11.1.min.js}"></script>
    <script th:src="@{/lib/js/jquery.validate.js}"></script>
    <script th:src="@{/lib/js/commonAjax.js}"></script>
    <script th:src="@{/lib/layer/layer.js}"></script>
    <script th:src="@{/js/user/person.js}"></script>
</head>
<body>
 <!--头部-->
 <div th:replace="fragments/header :: header"></div>
 <!--内容-->
 <div class="main">
     <div class="data-main margin-auto">
         <div th:replace="fragments/left :: left"></div>
         <div class="right-content fl">
             <div class="common-top">
                 <a href="javascript:void(0)" class="home">HOME </a>/
                 <a href="javascript:void(0)"> 个人中心 </a>
             </div>
             <div class="user-content">
                 <div class="fl user-header">
                     <div class="change-photo-item pr">
                        <!-- <img src="../../images/tou.jpg" width="80" height="80" id="headphoto"/>
                         <span class="change-photo pa">更换头像</span>-->
                         <div style="width: 80px;height: 80px;">
                             <input style="position: absolute;top: 0px;z-index: 1000;width: 80px;height: 80px;opacity: 0;cursor: pointer;" type="file" id="headPortrait" name="file">
                             <input type="hidden" id="headPortraitUrl" value="">
                             <img height="80" id="headphoto" src="../../images/tou.jpg" width="80">
                             <span class="change-photo pa">更换头像</span>
                         </div>
                     </div>
                     <p class="text-center">
                         <a class="user-item" th:href="@{/user/changePwd.html}">修改密码</a>
                     </p>
                 </div>
                 <div class="user-detail fl">
                     <p>
                         <span class="user-item">账 号: </span><span id="username">zzz</span>
                     </p>
                     <p>
                         <span class="user-item">上次登录时间: </span>
                         <span id="loginTime">2017年5月23日 17:22</span>
                     </p>
                     <p>
                         <span class="user-item">token: </span><span id="token">zzz</span>
                     </p>
                 </div>
                 <div class="clear"></div>
             </div>
             <div class="choose-ent">
                 <div class="choose">
                     <div class="mb15 mt20 item-choose clear">
                         <div class="fl ml30"><span class="mr20">|</span><span>请选择你感兴趣的行业</span></div>
                         <a class="fr mr30" id="edit">编辑</a>
                     </div>
                     <ul class="choose-item" style="overflow: hidden">
                         <li class="ent-br" th:each="channel, channelS:${choosedIn}" th:data="${channel.key}"><span th:text="${channel.value}" class="ent-name">金融</span></li>
                         <!--<li class="ent-br"><span>金融</span><span class="ico1"></span></li>
                         <li class="ent-br"><span>医疗</span><span class="ico1"></span></li>
                         <li class="ent-br"><span>交通</span><span class="ico1"></span></li>-->
                     </ul>
                     <hr/>
                     <ul class="choose-item" id="chooseEnt" style="overflow: hidden" th:unless="${#lists.isEmpty(intrustys)}">
                         <li th:each="intrusty: ${intrustys}" th:data="${intrusty.id}" th:class="${intrusty.isIntrested}==true?'ent-br':''"><span th:text="${intrusty.industry_name}" class="ent-name" th:title="${intrusty.industry_name}">金融</span></li>
                     </ul>
                 </div>
                 <div class="text-center mb20">
                     <a class="next-btn ml20" id="confirm">保存</a>
                 </div>
             </div>

         </div>
     </div>
 </div>
</body>
<script th:inline="javascript">
    $(function () {
        Person();
    });
</script>
</html>